<!DOCTYPE html>
<html class="x-admin-sm" lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <!--<link rel="stylesheet" href="./css/font.css">-->


    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/iconfont.css">
    <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/js/index.js"></script>
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/survey.js"></script>
    <style>
        #FontScroll{
            width: 100%;
            height: 245px;
            overflow: hidden;
        }
        #FontScroll ul li{
            height: 32px;
            width: 100%;
            color: #ffffff;
            line-height: 32px;
            overflow: hidden;
            font-size: 14px;
        }
        #FontScroll ul li i{
            color: red;
        }
        .layui-table td, .layui-table th{
            min-width: auto !important;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <blockquote class="layui-elem-quote">欢迎管理员：
                        <span class="x-red"  th:text="${session.admin.adminName}"></span>
                        <span id="time"></span>
                    </blockquote>
                </div>
            </div>
        </div>
        <div class="layui-col-md12" style="height: 400px">
            <div class="layui-card">
                <div class="layui-card-header">数据统计</div>
                <div class="layui-card-body ">
                    <ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>活动数量</h3>
                                <p>
                                    <cite th:text="${numbers.activityNumber}"></cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>用户数量</h3>
                                <p>
                                    <cite th:text="${numbers.userNumber}"></cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>分享数量</h3>
                                <p>
                                    <cite  th:text="${numbers.shareNumber}"></cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>恋爱指导</h3>
                                <p>
                                    <cite th:text="${numbers.guidanceNumber}"></cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>反馈</h3>
                                <p>
                                    <cite th:text="${numbers.feedbackNumber}"></cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6 ">
                            <a href="javascript:;" class="x-admin-backlog-body">
                                <h3>友情链接</h3>
                                <p>
                                    <cite th:text="${numbers.linkNumber}"></cite></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <p style="text-align: center;"> 版权所有 ©2022 保留所有权利。</p>
                </div>
            </div>
        </div>



    </div>
    </div>
    </div>
</body>

<script src="/static/js/echarts.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('.myscroll').myScroll({
            speed: 60, //数值越大，速度越慢
            rowHeight: 38 //li的高度
        });

    });

    layui.use('layer', function(){
        var layer = layui.layer;
        var remember = '';
        /*$(document).ready(function(){
            layer.prompt({
                formType: 2,
                anim: 3,
                offset: 'rb',
                value: "",
                title: '便签',
                skin: 'demo-class',
                area: ['280px', '150px'],
                id: 'remember' ,//设定一个id，防止重复弹出
                btn: ['确定', '取消'],
                shade: 0,
                moveType: 1, //拖拽模式，0或者1
                btn2: function(index, layero){
                    $.ajax({
                        url:"delremember.html"
                        ,type:"post"
                        ,success:function(res) {
                            layer.msg(res.msg);
                            if(res.code == 1) {
                                $('#remember textarea').val('');
                            }
                        }
                    })
                    return false;
                }
            },function(value, index, elem){
                $.ajax({
                    url:"/admin/main/remember.shtml"
                    ,type:"post"
                    ,data:{message:value}
                    ,success:function(res) {
                        layer.msg(res.msg);
                    }
                })
            })
        });*/
    });

    function getTime(){
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        var nowTime;

        nowTime = myYear+'-'+fillZero(myMonth)+'-'+fillZero(myToday)+'&nbsp;&nbsp;'+fillZero(myHour)+':'+fillZero(myMinute)+':'+fillZero(mySecond)+'&nbsp;&nbsp;'+week[myDay]+'&nbsp;&nbsp;';
        //console.log(nowTime);
        $('#time').html(nowTime);
    };
    function fillZero(str){
        var realNum;
        if(str<10){
            realNum	= '0'+str;
        }else{
            realNum	= str;
        }
        return realNum;
    }
    setInterval(getTime,1000);
    </script>
    <script src="/static/js/fontscroll.js"></script>

</html>